<div style="display: flex">
  <p class="title" [ngStyle]="{color: color}">{{title}}</p>
  <p>{{todayLeft}}</p>
  <p>&nbsp;{{allData["today"]}}</p>
  <p>{{waitLeft}}</p>
  <p>&nbsp;{{allData["all"]}}</p>
</div>
<table [ngStyle]="{ width: tabWidth }" style="table-layout: fixed">
  <thead>
  <tr>
    <td *ngFor="let header of titleList" [ngStyle]="{width: header.width}">
      <span>{{ header.lable }}</span>
    </td>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let page of reportData">
    <td *ngFor="let header of titleList" [class.warning]='page["time"] > 60 '>
                <span *ngIf=' "time" !== header["feild"]'>
                    <img *ngIf=' "TPLJ" === header["logo"] ' class="logo"
                         [src]="page['TPLJ'] ? 'http://yyftp.jekunauto.com/' + page['TPLJ'] : 'http://yyftp.jekunauto.com/default/Logo51*51.png' "/>
                    {{ page[header['feild']] }}
                </span>
      <i *ngIf=' "time" === header["feild"] ' [class.warning]='page["time"] > 60 '>
        {{ toHourMinute(page["time"]) }}
        <img *ngIf=' "time" === header["feild"] ' class="waringImg"
             [src]=" (page['time'] > 60) ? 'assets/tmp/img/bi/swzx_06.png' : 'assets/tmp/img/bi/jinggao.png' "/>
      </i>
    </td>
  </tr>
  </tbody>
</table>
